<template>
  <div class="os-webgl">
    <div id="map"
         class="os-webgl-map"></div>
  </div>
</template>
<script lang="ts">
  // import * as Cesium from "cesium";
  // import "cesium/Build/Cesium/Widgets/widgets.css";
  import {
    defineComponent,
    ref,
    toRefs,
    getCurrentInstance,
    onMounted,
  } from "vue";
  import initMapSource from "./init-map-source";
  export default defineComponent({
    name: "os-webgl",
    setup(props) {
      // console.log(111, CooGL);
      onMounted(() => {
        initMap();
      });
      const initMap = initMapSource;
      return {
        initMap,
      };
    },
    props: {},
    emits: {},
  });
</script>
<style lang="scss">
  .os-webgl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    &-map {
      height: 100%;
    }
  }
</style>
